﻿@import "../../struct/variables";

$bg-color: #2F2E33;
$bg-primary: #333238;
$bg-secondary: rgba(0, 0, 0, 0.2);
$bg-gray: #414045;

$text-primary: #CCC;
$text-secondary: darken($text-primary, 33%);
$text-dark: #1a1a1a;
$text-gray: #666;

$font-small: 14px;
$font-normal: 16px;
$font-large: 18px;

$border-color: #49484E;

$color-primary: #4490ee;
$gold: #F09F05;
$gray: #ccc;
$gray-lighter: #f5f5f5;

body{
    color: $text-primary;
    background-color: $bg-color;
}
.wrapper[data-struct~="header"] .header{
    background-color: transparent;
}
.left-menu .menu-header{
    border-color: $border-color;
}
.footer{
    background-color: $bg-primary;
}
a, a:link:visited:hover:active {
    color: #4390EE;
}
input, select, textarea{
    color: $text-primary;
    border-color: $border-color;
    background-color: $bg-primary;
}
.background{
    background: url(../../../images/bg.jpg) no-repeat top center;
    background-size: cover;
}


/*-------- 轮播图 --------*/
.swiper-slide{
    background-color: $bg-color;
}


/*-------- tab扩展 --------*/
.nav-tabs{
    background-color: $bg-color;
}
.nav-tabs:before, .nav-tabs:after{
    background-color: $border-color;
}
.tabs > li{
    & > a{
        color: $text-primary;
    }
    &.active, &.active > a{
        color: $color-primary;
    }
}


/*-------- 列表扩展 --------*/
.list{
    border-color: $border-color;
    //background-color: $bg-primary;
}
.list-scrollbar{
    border-color: $border-color;
    background-color: transparent;
}
.list > li{
    border-bottom: 1px solid $border-color;
}
.list > li.disabled{
    & * {
        color: $text-gray !important;
    }
    background-color: $bg-secondary;
}


/*-------- 情景角标颜色 --------*/
.corner{
    background-color: $bg-gray;
}
.corner-primary{
    color: #fff;
    background-color: $color-primary;
}
.corner-warning{
    background-color: #f0ad4e;
}
.corner-success {
    color: #fff;
    background-color: #8AC249;
}
.corner-danger{
    color: #fff;
    background-color: #FD5757;
}


/*-------- 下拉列表颜色 --------*/
.btn-group .dropdown{
    border: 1px solid $border-color;
    background-color: $bg-primary;
}
.dropdown.arrow:before{
    color: $border-color;
}
.dropdown.arrow:after{
    color: $bg-primary;
}
.dropdown > li:hover{
    background-color: $bg-secondary;
}


/*-------- 情景按钮颜色 --------*/
.btn-default{
    color: $text-primary;
    border-color: $border-color;
    background-color: $bg-primary;
}
.btn-theme{
    color: #fff;
    background-color: #4390EE;
}
.btn-primary{
    color: #fff;
    background-color: #4390EE;
}
.btn-success{
    color: #fff;
    background-color: #5cb85c;
}
.btn-info{
    color: #fff;
    background-color: #5bc0de;
}
.btn-warning{
    color: #fff;
    background-color: #f0ad4e;
}
.btn-danger{
    color: #fff;
    background-color: #d9534f;
}
.btn-border{
    color: $color-primary;
    border: 1px solid $color-primary;
}
.btn-radius{
    border-radius: 5px;
}


/*-------- 情景背景颜色 --------*/
.bg-primary{
    color: #fff;
    background-color: #4390EE;
}
.bg-success {
    background-color: #dff0d8;
}
.bg-info {
    background-color: #d9edf7;
}
.bg-warning {
    background-color: #fcf8e3;
}
.bg-danger {
    background-color: #f2dede;
}

/*-------- 情景文本颜色 --------*/
.text-muted {
    color: #777;
}
.text-primary {
    color: #4390EE;
}
.text-success {
    color: #3c763d;
}
.text-info {
    color: #31708f;
}
.text-warning {
    color: #8a6d3b;
}
.text-danger {
    color: #a94442;
}


/*-------- 灰度文本颜色 --------*/
.text-gray{
    color: #555;
}
.text-gray-light{
    color: #777;
}
.text-gray-lighter{
    color: #999;
}
.text-white{
    color: #fff;
}


/*-------- 情景进度条颜色 --------*/
.progress-bar .progress-fill{
    background-color: $color-primary;
    background: -webkit-linear-gradient(left, #4793fa, $color-primary);
    background: linear-gradient(left, #4793fa, $color-primary);
}
.progress-bar.vertical .progress-fill{
    background-color: $color-primary;
    background: -webkit-linear-gradient(top, #4793fa, $color-primary);
    background: linear-gradient(top, #4793fa, $color-primary);
}


/*-------- 弹出框颜色 --------*/
.modal-wrapper{
    .modal-body, .modal-head, .modal-foot{
        color: $text-primary;
        background-color: $bg-primary;
    }
}


/*-------- 表单 --------*/
label{
    &.checkbox, &.radio{
        input + label{
            border-color: $border-color;
            background-color: $bg-primary;
        }
    }
}

.result-circle{
    border-color: $border-color;
    background-color: $bg-gray;
}

.exam-paper .progress-bar{
    background-color: $bg-gray;
}


.list-chapter > li{
    &, & *{
        border-color: $border-color !important;
    }
}

*{
    border-color: $border-color;
}
.list-post > li{
    background-color: $bg-secondary;
}
.no-data{
    border-color: $border-color;
    background: $bg-color;
}

.secondary{
    color: $text-secondary;
}

.table-striped{
    tr:nth-child(odd){
        background-color: $bg-secondary;
    }
}